body {
    background: #F6F6F6;
    div.title {
        width: 100%;
        height: 130/40rem;
        background: #FFFFFF;
        margin-bottom: 20/40rem;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        div {
            margin: 0 30/40rem;
            p:nth-child(1) {
                font-size: 30/40rem;
                color: #30353c;
                font-weight: bold;
            }
            p:nth-child(2) {
                font-size: 26/40rem;
                color: #79828c;
            }
        }
        div.line {
            width: 2/40rem;
            height: 40/40rem;
            background: #CCCCCC;
        }
    }
    section.following {
        display: flex;
        height: 130/40rem;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        background: #FFFFFF;
        margin-bottom: 2/40rem;
        div {
            margin-right: 65/40rem;
            text-align: center;
            p:nth-child(2) {
                color: #79828C;
            }
        }
        div.photo {
            width: 104/40rem;
            height: 104/40rem;
            border-radius: 50%;
            margin-left: 24/40rem;
            margin-right: 20/40rem;
            position: relative;
            div {
                img {
                    width: 100%;
                    height: 100%;
                    border-radius: 50%;
                }
            }
            div.guoqi {
                position: absolute;
                top: -0.2rem;
                left: -0.1rem;
                width: 104/40rem;
                height: 104/40rem;
                
            }
            div.try {
                position: absolute;
                top: -0.2rem;
                left: -0.1rem;
                width: 104/40rem;
                height: 104/40rem;
            }
            div.touxiang {
                width: 90/40rem;
                height: 90/40rem;
                border-radius: 50%;
            }
        }
        div.name {
            p:nth-child(1) {
                font-size: 26/40rem;
                color: #30353c;
                font-weight: bold;
            }
            p:nth-child(2) {
                font-size: 24/40rem;
            }
        }
        div.time {
            p:nth-child(1) {
                font-size: 20/40rem;
                color: #79828C;
            }
            p:nth-child(2) {
                font-size: 22/40rem;
            }
        }
        div.bonus {
            p:nth-child(1) {
                font-size: 36/40rem;
                color: #F0364C;
                font-weight: bold;
            }
            p:nth-child(2) {
                font-size: 24/40rem;
            }
        }
    }
}
